<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>氦闪</title>
    <link rel="icon" href="__PUBLIC__/web/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="__PUBLIC__/web/css/public.css">
    <link rel="stylesheet" href="__PUBLIC__/web/css/loading.css">
    <style>
        .ly-look1{
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 0;
            left: 50%;
            z-index: 99991;
            background: #000 !important;
            padding: 10px;
            box-sizing: border-box;
            margin-left: -150px;
        }
        .ly-look1 img{
            width: 100%;
        }

    </style>
</head>
<body>

<div class="ly-video">
<video width="100%" height="auto" muted autoplay loop id="lyVideo"  >
<!--<source src="__PUBLIC__/web/video/movie.mp4" type="video/mp4">-->
<source src="{$home_link}" type="video/mp4">
</video>
</div>
<a href="javascript:;" class="ly-look1" data-id="1"><img src="__PUBLIC__/web/images/icon_ding.png" /></a>

<div class="ly-index">
    <!--<a href="javascript:;" class="ly-look">查看完整视频</a>-->
    <a href="{:U('home')}">进入首页</a>
</div>
</body>
<script src="__PUBLIC__/web/js/jquery.min.js"></script>
<script src="__PUBLIC__/web/js/public.js"></script>
<script>
    var lyVideo = document.getElementById("lyVideo");
    // lyVideo.controls = false;

    // if (Sys.safari) {
    $(".ly-look").css("display", 'inline-block');
    // }
    $(".ly-look1").on("click", function () {
        var id = $(this).attr("data-id");
        if(id == 1){
            lyVideo.muted = false;
            $(this).html('<img src="__PUBLIC__/web/images/icon_dong.png" />');
            $(this).attr("data-id",2);
            return
        }
        lyVideo.muted = true;
        $(this).html('<img src="__PUBLIC__/web/images/icon_ding.png" />');
        $(this).attr("data-id",1);
    })

</script>

</html>
